<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
		<style type="text/css"> 
		#tinydemo-doc ul{
		  list-style:disc !important;
		  margin-left: 2em;
		}
		#tinydemo-doc ol{
		  /* list-style:auto !important; */
		  margin-left: 2em;
		}
		
		    #doc-app{
				position: relative; 
			}
			#doc-app .toolbar { 
				/* position: fixed;
				right: 0;
				top: 90px;
				z-index: 0;
				width: 100%; */
			}
			#doc-app .tox .tox-toolbar{background:none;}
			#doc-app .tox-tinymce-inline .tox-editor-header{border:none;}
			#doc-app .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border:none;}
			#doc-app .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type):after{border:none;}
			#doc-app .box {
				/* margin-top: 60px; */
				padding:50px 50px 80px;
				box-shadow: 0 2px 8px 0 #ccc;
				background: #fff;
				
			}
			#doc-app .tit{padding-bottom:10px;}
			#doc-app .tit input{
			    font-size:32px;
			    padding:14px 0;
			    width:100%;
				font-weight: bolder;
			    box-sizing:border-box;border:none;
				box-shadow:none;background-color:none;color:#000;
				border-bottom:1px solid #eee;background: none !important;outline: none;}
				
			#doc-app .tit input::placeholder{
				color: #ccc;
			}	
				
			#doc-app .doc-cnt{min-height:500px;max-height:800px;overflow:auto;font-size:16px;}
			#doc-app .doc-cnt:focus{outline:0;}
			#doc-app .doc-cnt p{text-indent:0;} 
		</style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div> 
	<script src="./js/tinymce.min.js"></script>
    <!-- built files will be auto injected -->
  </body>
</html>
